<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <#include "/common/header.html"/>
        <title>Title</title>
    </head>
    <body>
        <div id="page-container" class="fade">
            <#include "/common/top.html"/>
            <#include "/common/sidebar.html"/>
            <div id="content" class="content">
              <div class="row">
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-state bg-purple">
                        <div class="state-icon"><i class="fa fa-desktop"></i></div>
                        <div class="state-info">
                            <h4>TOTAL VISITORS</h4>
                            <p>3,291,922</p>
                        </div>
                        <div class="state-link">
                            <a href="javascript:;">View Detail <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-state bg-blue">
                        <div class="state-icon"><i class="fa fa-chain-broken"></i></div>
                        <div class="state-info">
                            <h4>BOUNCE RATE</h4>
                            <p>20.44%</p>
                        </div>
                        <div class="state-link">
                            <a href="javascript:;">View Detail <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-state bg-green">
                        <div class="state-icon"><i class="fa fa-users"></i></div>
                        <div class="state-info">
                            <h4>UNIQUE VISITORS</h4>
                            <p>1,291,922</p>
                        </div>
                        <div class="state-link">
                            <a href="javascript:;">View Detail <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
                <!-- begin col-3 -->
                <div class="col-md-3 col-sm-6">
                    <div class="widget widget-state bg-red">
                        <div class="state-icon"><i class="fa fa-clock-o"></i></div>
                        <div class="state-info">
                            <h4>AVG TIME ON SITE</h4>
                            <p>00:12:23</p>
                        </div>
                        <div class="state-link">
                            <a href="javascript:;">View Detail <i class="fa fa-arrow-circle-o-right"></i></a>
                        </div>
                    </div>
                </div>
                <!-- end col-3 -->
            </div>
            </div>
        </div>
        <#include "/common/footer.html"/>

    </body>
</html>

